<script setup>

</script>

<template>
<!--  6 添加导航栏-->
  <div class="container">
    <div class="nav">
      <nav>
        <!--      blogs链接-->
        <router-link to="/blogs">博客</router-link>
      </nav>
    </div>
    <div class="content">
      <!--      用于渲染与当前路由匹配的组件-->
      <router-view></router-view>
    </div>
  </div>
</template>

<style scoped>
.container{
  width: 1200px;
}
.nav {
  padding: 10px;
  background-color: #d4d7de;
}
</style>
